<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
  <meta content=always name=referrer>
  <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/animate.min.css">
  <script src="__STATIC__/js-wap/jquery-1.11.3.min.js"></script>
  <script src="__STATIC__/js-wap/swiper.min.js"></script>
  <script src="__STATIC__/js-wap/wow.min.js"></script>
  <script src="__STATIC__/js-wap/common.js"></script>
  <title>{:cache('web_name')}</title>
  <link rel="stylesheet" href="__STATIC__/css-wap/base.css">
  <link rel="stylesheet" type="text/css" href="__STATIC__/css-wap/style.css">
</head>
<div class="wrap">
  <div class="new_header">
    <div class="header_search">
      <!--<a href="#" class="share"><img src="__STATIC__/img-wap/scan.png" {if condition="$Think.session.member_id" } onclick="share()" {else/} onclick="jump_login()" {/if}></a>-->
      <div class="search" style="position: relative;" onclick="search_goods()">
        <input type="text" placeholder="请搜索关键字" id="keyword" maxlength="20">
        <img src="__STATIC__/img-wap/sousuo1.png" class="search_icon">
      </div>
      <a class="classify_icon"><img src="__STATIC__/img-wap/xiaoxi1.png" onclick="jump_message();"></a>
    </div>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        {volist name="banner_list" id="v"}
          <div class="swiper-slide">
          {switch name="$v.skip_type"}
          {case value="url"}
            <a href="{$v.linkUrl}">
          {/case}
          {case value="shop"}
              <a onclick="jump_shop({$v.linkUrl});">
              {/case}
          {case value="goods"}
                <a href="javascript:jump_goods_details({$v.linkUrl});">
                {/case}
          {/switch}
          <img src="/{$v.picUrl}" style="height:200px!important;" onerror=this.src="/static/mobile/img/empty_img.png">
            </a>
        </div>
        {/volist}
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <script>
      var swiper = new Swiper('.new_header .swiper-container', {
      pagination: '.new_header .swiper-pagination',
      paginationClickable: true,
      spaceBetween: 0,
      centeredSlides: true,
      autoplay: 3500,
      autoplayDisableOnInteraction: false,
      loop:true
    });
    </script>
  </div>
 <div class="menu_container swiper-container">
   <ul class="list-menu swiper-wrapper">
     <li class="swiper-slide">
       <div>
         <a href="{:url('mobile/user_port/sign_in')}">
           <img src="__STATIC__/img-wap/i_icon1.png">
           <span>签到</span>
         </a>
       </div>
       <div>
         {if condition="$Think.session.member_id"}<a href="{:url('mobile/scan_code/qrcode',['uid'=>$Think.session.member_id])}">{else/}<a href="{:url('mobile/user_port/login')}">{/if}
         <img src="__STATIC__/img-wap/i_icon6.png">
         <span>推广</span>
       </a>
       </div>
     </li>
     <li class="swiper-slide">
       <div>
         <a {if condition="$Think.session.member_id"}href="{:url('mobile/draw/index')}"{else/}href="{:url('mobile/user_port/login')}"{/if}>
           <img src="__STATIC__/img-wap/i_icon2.png">
           <span>抽奖</span>
         </a>
       </div>
       <div>
         <a href="javascript:commission();">
           <img src="__STATIC__/img-wap/i_icon7.png">
           <span>佣金</span>
         </a>
       </div>
     </li>
     <li class="swiper-slide">
       <div>
         <a href="{:url('user_info/my_wallet')}">
           <img src="__STATIC__/img-wap/i_icon3.png">
           <span>我的钱包</span>
         </a>
       </div>
       <div>
         <a href="javascript:distribution();">
           <img src="__STATIC__/img-wap/i_icon8.png">
           <span>分销商</span>
         </a>
       </div>
       </li>
     <li class="swiper-slide">
       <div>
         {if condition="$Think.session.member_id"}
         <a href="{:url('mobile/user_port/get_ticket')}?id=-1">
           {else/}
           <a href="{:url('mobile/user_port/login')}">
             {/if}
             <img src="__STATIC__/img-wap/i_icon4.png">
             <span>领券中心</span>
           </a>
       </div>
       <div> {if condition="$Think.session.member_id"} <a href="javascript:integral_index()">
         {else/} <a href="{:url('mobile/user_port/login')}"> {/if} <img src="__STATIC__/img-wap/i_icon9.png">
         <span>积分商城</span> </a></div>
     </li>
     <li class="swiper-slide">
       <div>
       <a href="javascript:to_red_packet();">
       <img src="__STATIC__/img-wap/i_icon5.png">
       <span>红包</span>
       </a>
       </div>
       <div>
         <a href="{:url('interfaces/member_message/merchants')}">
           <img src="__STATIC__/img-wap/i_icon10.png">
           <span>商家入驻</span>
         </a>
       </div>
     </li>
     <li class="swiper-slide">
       <div>
       <a href="javascript:my_wallet();">
       <img src="__STATIC__/img-wap/i_icon12.png">
       <span>钱包</span>
       </a>
       </div>
       <div>
       <a href="{:url('mobile/user_action/find_gooder')}?type_id=recommend">
       <img src="__STATIC__/img-wap/i_icon11.png">
       <span>店铺街</span>
       </a>
       </div>
     </li>
   </ul>
   <div class="swiper-pagination"></div>
   <script>
     var swiper = new Swiper('.menu_container', {
       pagination: '.menu_container .swiper-pagination',
       slidesPerView: 5,
       paginationClickable: true,
       spaceBetween: 0,
       freeMode: true
     });
   </script>
 </div>


<!--热点-->
  <div class="sale_title">
    <img src="__STATIC__/img-wap/icon33.png" class="title_icon left" style="width:54px;" onclick="hot_index();">
    <div class="news left">
      <div class="swiper-container left">
        <div class="swiper-wrapper">
          {volist name="hot_spot" id="vo"}
          <div class="swiper-slide" style="font-size: 12px;height:20px;line-height: 20px;"><a href="javascript:hot_spot({$vo.id});">{$vo.title}</a></div>
          {/volist}
        </div>
      </div>
      <script>
        var swiper = new Swiper('.news .swiper-container', {
          direction: 'vertical',
          slidesPerView: 1,
          paginationClickable: true,
          centeredSlides: true,
          autoplay: 2500,
          speed:500,
          loop:true,
          autoplayDisableOnInteraction: false
        });
      </script>
    </div>

  </div>
  <!--<a href="#"><img src="__STATIC__/img-wap/more.png" class="more_icon right"></a>-->
<!--热点  -->

  <!--限时抢购-->
  <div class="index_sale">
    <div class="index_sale">
      <div class="sale_title" onclick='document.location.href="{:url('user_port/limit_go',['type_id'=>$quot_id])}"'>

      <input type="hidden" id="end_time" {if condition="count($limit) gt 0" } value="{:date('Y/m/d H:i:s',$end_time)}" {else/} value='0' {/if}>
      <img src="__STATIC__/img-wap/i_icon13.png" class="title_icon">
      <div class="time" id="LeftTime"><b>仅剩</b><span>00</span>时<span>00</span>分<span>00</span>秒</div>
      <a href="#"><img src="__STATIC__/img-wap/more.png" class="more_icon"></a>
    </div>
    <div class="swiper-container">
      <ul class="list_cate swiper-wrapper">
        {volist name="limit" id="v"}
        <li class="swiper-slide">
          <a href="javascript:jump_goods_details_limit({$v['id']});"><img src="/{$v.thumb_img}" onerror=this.src="/static/mobile/img/empty_img.png" style="height: 70px;"><span class="cur">￥{$v.price}</span><span class="ori">￥{$v.old_price}</span></a>
        </li>
        {/volist}
      </ul>
    </div>
    <script>
        var swiper = new Swiper('.index_sale .swiper-container', {
            slidesPerView: 3.5,
            paginationClickable: true,
            spaceBetween: 0,
            freeMode: true
        });
    </script>
  </div>

  <!--特价-->
  <div class="pic_index"> {eq name="config.web_special_price" value="Y"}
    <div class="pic1"><a href="{:url('user_action/day_off_price')}"><img class="pica"
                                                                         src="{$config_pic.web_special_price1}"></a></div>
    {/eq}



    <div class="pic2"> {eq name="config.web_hot_selling" value="Y"} <a
            href="{:url('mobile/user_action/hot_sale_notice')}"><img src="{$config_pic.web_hot_selling1}"
                                                                     class="l_pic"></a> {/eq} {eq
      name="config.web_brand_street" value="Y"} <a href="{:url('mobile/user_action/brand_list')}"><img
              src="{$config_pic.web_brand_street1}" class="r_pic"></a> {/eq}
    </div>

  </div>

  <!--热门市场-->
  {eq name="config.web_hot_market" value="Y"}
  <div class="sell_con">
    <div class="sale_title" onclick='location.href="{:url('mobile/user_action/hot_market')}"'><span class="i_tit">热门市场</span><a href="{:url('mobile/user_action/hot_market')}"><img src="__STATIC__/img-wap/more.png" class="more_icon right"></a></div>
    <ul class="seller-menu">
      {volist name="hot_list" id="vs"}
      <li>
        <a href="javascript:market_cate({$vs.id});"><img src="/{$vs.picUrl}" onerror=this.src="/static/mobile/img/empty_img.png"></a>
        <div>
          <h4><a href="javascript:market_cate({$vs.id});">{$vs.title}</a></h4>
          <span><a href="javascript:market_cate({$vs.id});">{$vs.title}</a></span>
        </div>
      </li>
      {/volist}
    </ul>
    <ul class="seller-menu-more">
      {volist name="type_list" id="vn"}
      <li>
        <a href="javascript:market_cate({$vn.id});">
          <!--<h4>{$vn.title}</h4>-->
          <span>{$vn.title}</span>
          <img src="/{$vn.picUrl}" onerror=this.src="/static/mobile/img/empty_img.png">
        </a>
      </li>
      {/volist}
    </ul>
  </div>
  {/eq}
  <!--发现好店-->
  <div class="sell_con">
    <div class="sale_title" onclick='location.href="{:url('mobile/user_action/find_gooder')}"'><span class="i_tit">发现好店</span><a href="{:url('mobile/user_action/find_gooder')}?type_id=recommend"><img src="__STATIC__/img-wap/more.png" class="more_icon right"></a></div>
    {volist name="find_shop" id="v"}
    <div class="find_con">
      <div class="main" style="position: relative">
        <a href="javascript:jump_shop({$v.member_id});"><img src="/{$v.banner}" style="height: 146px;">
        <div style="position: absolute;width: 100%;height:100%;background: rgba(0,0,0,0.3);top:0;left:0;display: flex;align-items: center;justify-content: center;">
          {eq name="$v.type" value="个人"}
          <span style="position: absolute;top:10px;left:10px;color: white;background: #E73F09;border-radius: 4px;font-size: 12px;line-height: 18px;padding: 0 5px;">自营</span>
          {/eq}
          <div style="color: white;display: inline-block;border-top:1px solid white;border-bottom: 1px solid white;color: white;letter-spacing: 2px;font-size: 14px;line-height: 20px;color: #fff;padding: 0 5px;">{$v.title}</div>
        </div>
        </a>
      </div>
      <div class="swiper-container">
        <div class="swiper-wrapper">
          {volist name="$v['ShopIndex']" id="vm"}
          <div class="swiper-slide">
            <a href="javascript:jump_goods_details({$vm.id});">
              <img src="/{$vm.thumb_img}">
              <div class="title">￥{$vm.price}</div>
            </a>
          </div>
          {/volist}
        </div>
      </div>
      <script>
        var swiper = new Swiper('.find_con .swiper-container', {
          slidesPerView: 3.8,
          paginationClickable: true,
          spaceBetween: 10,
          freeMode: true
        });
      </script>
    </div>
    {/volist}
  </div>

  <!--猜你喜欢-->

  <!--猜你喜欢-->

<div class="block"></div>

<!--导航-->
<div class="footer-menu">
  <ul class="footer_menu_list">
    <li class="active"><a href="{:url('mobile/user_port/index')}"><img src="__STATIC__/img-wap/nav1.png"><span>首页</span></a>
    </li>
    <li><a href="{:url('mobile/user_category/index')}?cate_id=recommend"><img
        src="__STATIC__/img-wap/nav2.png"><span>分类</span></a></li>
    <li><a href="javascript:cart_check();"><img src="__STATIC__/img-wap/nav3.png"><span>购物车</span></a></li>
    <li><a href="{:url('mobile/user_info/my_shop_index')}"><img src="__STATIC__/img-wap/nav4.png"><span>我的</span></a>
    </li>
  </ul>
</div>
<!--导航-->

</div>

{notempty name="xiala"}
<div class="wow animated fadeInDown slide"
     style="top:20%;width:100%;left: 0;max-width:720px;position: fixed;z-index: 20;"><img src="/{$xiala.picUrl}" style="width: 70%;display: block;margin: 0 auto;">
  <img src="__STATIC__/img_user/clo.png" style="width: 24px;height: 24px;position: absolute;top:-12px;right:10%;"
       class="clo"></div>
{/notempty}

<script>
  new WOW().init();
</script>

<script>
  $(function () {
  $(".clo").click(function () {
    $(".slide").hide();
  })
})
</script>

<script src="__STATIC__/js/layer_mobile/layer.js"></script>

<!--微信js sdk-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>
  $(window).resize(function () {
  $('.footer').toggle();
});

  function integral_index (){
      var url = window.location.href;
      sessionStorage.setItem('integral_index',url);
      window.location.href = "{:url('mobile/user_info/integral_index')}";
  }

//分享弹出层
 function share(){
var ua = window.navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i) == 'micromessenger'){
  window.location.href="{:url('mobile/scan_code/qrcode')}?uid={$Think.session.member_id}&act=share";
}else{
  layer.open({content:'请到微信浏览器内访问本页面',skin:'msg',time:4})
}
}

// 跳转热点专题主页
function hot_index() {
  sessionStorage.setItem('hot_index',window.location.href);
  window.location.href = "{:url('mobile/user_port/hot_spot')}";
}



// 跳转热点
function hot_spot(id) {
  sessionStorage.setItem('hot_spot',window.location.href);
  window.location.href = "{:url('mobile/user_port/hot_spot_details')}?action_id="+id;
}

//跳转到店铺
function jump_shop(id) {
  var url = "{:url('mobile/user_category/shop_index')}?shop_id="+id;
  sessionStorage.setItem('shop_back_url',window.location.href);
  window.location.href = url;
}

//跳转到商品详情
function jump_goods_details(id){
  sessionStorage.setItem('goods_url_back',window.location.href);
  window.location.href = "{:url('mobile/user_category/goods_details')}?goods_id="+id;
}

//限时抢购跳转到商品详情
function jump_goods_details_limit(id){
  sessionStorage.setItem('goods_url_back',window.location.href);
  window.location.href = "{:url('mobile/user_category/goods_details')}?goods_id="+id+"&limit_status";
}

// 跳转佣金主页
function commission() {
    if ('{$Think.session.member_id}') {
      sessionStorage.setItem('commission_back',window.location.href);
      window.location.href = "{:url('mobile/user_info/brokerage_index')}";
    }else {
      jump_login();
    }
}

// 跳转钱包
function my_wallet() {
  if ('{$Think.session.member_id}') {
    sessionStorage.setItem('wallet_index',window.location.href);
    window.location.href = "{:url('mobile/user_info/my_wallet')}";
  }else {
    jump_login();
  }

}

// 跳转分销商
  function distribution() {
    if ('{$Think.session.member_id}') {
      sessionStorage.setItem('distribution_back',window.location.href);
      window.location.href = "{:url('mobile/member_order/my_distribution')}";
    }else {
      jump_login();
    }
  }

// 跳转我的红包
function to_red_packet() {
  if ('{$Think.session.member_id}') {
    sessionStorage.setItem('red_packet',window.location.href);
    window.location.href = " {:url('mobile/user_info/packet')}?act=act";
  }else {
    jump_login();
  }

}


//未登录跳转到登录
function jump_login(){
  window.location.href="{:url('mobile/user_port/login')}";
}

// 跳转购物车
function cart_check(){
  if ('{$Think.session.member_id}'){
    window.location.href="{:url('mobile/user_cart/cart_index')}";
  }else{
    jump_login();
  }
}


function market_cate(id) {
  sessionStorage.setItem('market_cate',window.location.href);
  window.location.href = "{:url('mobile/user_action/market_category')}?type_id="+id;
}

//关键词搜索
function search_goods(){
  sessionStorage.setItem('search_back_url',window.location.href);
  window.location.href = "{:url('mobile/user_category/search')}?";
}

// 跳转我的消息
  function jump_message() {
    if ('{$Think.session.member_id}') {
      sessionStorage.setItem('my_message', window.location.href);
      window.location.href = "{:url('mobile/user_info/message_index')}";
    }else {
      jump_login();
    }
  }
  


//倒计时效果js代码
function checktime(i) {
  if (i < 10) {
    i = "0" + i;
  }else {
    i = i;
  }
  return i;
}
function freshTime() {
  var endtime = new Date($('#end_time').val());
  var nowtime = new Date();
  var lefttime = parseInt(endtime.getTime() - nowtime.getTime());
//这是毫秒，如果再/1000就是秒
// 获取剩下的日、小时、分钟、秒钟
// 一天有多少毫秒，一小时有多少毫秒，一分钟有多少毫秒，一秒钟有多少毫秒
  var dm = 24 * 60 * 60 * 1000;
  var ds = parseInt(lefttime / dm);
  if (ds<10) {
    var d = "0"+ds;
  }else {
    var d = ds;
  }
  var hm = 60 * 60 * 1000;
  var hs = parseInt((lefttime / hm) % 24);

  if (hs<10) {
    var h = "0"+hs;
  }else {
    var h = hs;
  }
  var mm = 60 * 1000;
  var m = parseInt((lefttime / mm) % 60);
  var s = parseInt((lefttime / 1000) % 60);
  m = checktime(m);
  s = checktime(s);
  document.getElementById('LeftTime').innerHTML ="&#8197;距离结束 <span style='width: 18px;'>" + d + "</span>" +"&#8197;:" +"&#8197;<span style='width: 18px;'>" + h + "</span>" +"&#8197;:&#"+"8197;<span style='width: 18px;'>" + m + "</span>&#" +"8197;:&" + "#8197;<span style='width: 18px;'>" + s + "</span>&" + "#8197;&#8197;";
  if (lefttime < 0) {
    document.getElementById('LeftTime').innerHTML = "团购活动已经结束！";
  }
}
freshTime();
var sh;    sh = setInterval('freshTime()', 1000);

</script>
</body>
</html>